<template>
  <div>
    <oolongSelect :model="model1" style="width:260px" :loading="loading" :remote-method="remoteMethod" :filterable="true">
      <oolongOption v-for="(item, index) in cityList" :value="item.value" :key="item.value">{{ item.label }}
      </oolongOption>
    </oolongSelect>
    <br>
    <br>
    <oolongSelect :model="model10" :multiple="true" style="width:260px" :loading="loading" :remote-method="remoteMethod" :filterable="true">
      <oolongOption v-for="(item, index) in cityList" :value="item.value" :key="item.value">{{ item.label }}
      </oolongOption>
    </oolongSelect>
  </div>
</template>
<script>
  export default{
    data(){
      return {
        cityList: [
          {
            value: 'beijing',
            label: '北京市'
          },
          {
            value: 'shanghai',
            label: '上海市'
          },
          {
            value: 'shenzhen',
            label: '深圳市'
          },
          {
            value: 'hangzhou',
            label: '杭州市'
          },
          {
            value: 'nanjing',
            label: '南京市'
          },
          {
            value: 'chongqing',
            label: '重庆市'
          }
        ],
        model1: '',
        model10:'',
        loading: false
      }
    },
    methods: {
      remoteMethod () {

      }
    },
    mounted () {

    }
  }
</script>
<style lang="scss" scoped>

</style>
